var ancien_onglet;
var ancien_contenu;

// vérifie le formulaire
function verifierFormulaire() {
	var resultat = true;
	// on remet tout les background à blanc
	$("input[type!='submit']").css("backgroundColor", "white");
	$("select").css("backgroundColor", "white");
	
	// on vérifie que tout les input text ont été remplit
	var inputText = $("input[type='text']:visible").filter(function () {return $(this).val() == ""});
	if(inputText.length > 0) {
		resultat = false;
		inputText.css("backgroundColor", '#FFAAAA');
	}
	// on  vérifie que les select sont remplit
	var select = $("select:visible").filter(function(){return $(this).val() == "0";});
	if(select.length > 0) {
		resultat = false;
		select.css("backgroundColor", "#FFAAAA");
	}
	// on vérifie que les type number sont remplit
	var number = $("input[type='number']:visible").filter(function () {return $(this).val() == ""});
	if(number.length > 0) {
		resultat = false;
		number.css("backgroundColor", "#FFAAAA");
	}
	
	return resultat;
}

function changerOnglet(nouvel_onglet, nouveau_contenu) {
	/* cacher l'ancien onglet */
	if(ancien_onglet) {
		var el_ancien = document.getElementById(ancien_onglet);
		if(el_ancien) el_ancien.className = 'onglet onglet_ferme';
	}
	/* cacher l'ancien contenu */
	if(ancien_contenu) {
		var el_ancien = document.getElementById(ancien_contenu);
		if(el_ancien) el_ancien.style.display = 'none';
	}
	
	/* afficher le nouvel onglet et le nouveau contenu */
	document.getElementById(nouvel_onglet).className = 'onglet onglet_ouvert';
	document.getElementById(nouveau_contenu).style.display = 'block';
	
	/* affectation pour les anciens */
	ancien_onglet = nouvel_onglet;
	ancien_contenu = nouveau_contenu;
}

function creerOnglet(id_onglets) {
	/* récupération de l'élément contenant des onglets */
	var onglets = document.getElementById(id_onglets);
	
	/* creation des ids */
	var id_onglet = 'onglet_' + (onglets.childNodes.length - 1);
	var id_contenu_onglet = 'contenu_onglet_' + (onglets.childNodes.length - 1);
	
	/* creation de l'onglet */
	var onglet = document.createElement('div');
	onglet.id = id_onglet; /* -1 pour le + */
	onglet.className = 'onglet onglet_ferme';
	onglet.onclick = function(){changerOnglet(id_onglet, id_contenu_onglet);};
	var image = document.createElement('img');
	image.src = image_delete.split('"')[1];
	onglet.appendChild(document.createTextNode("Site n°" + (onglets.childNodes.length)));
	image.onclick = function(event){virerOnglet(event, id_onglet, id_contenu_onglet);};
	onglet.appendChild(image);
	
	/* création du contenu de l'onglet */
	var contenu = document.createElement('div');
	contenu.id = id_contenu_onglet;
	contenu.style.display = 'none';
	document.getElementById('contenu_onglets').appendChild(contenu);
	
	/* récupération de l'élément + */
	var plus = document.getElementById('plus_bouton');
	
	/* placement de l'élément */
	onglets.removeChild(plus);
	onglets.appendChild(onglet);
	onglets.appendChild(plus);
	
	contenu.innerHTML = sendQuery('../Elements/form_creer', 'nb='+(onglets.childNodes.length-2), 'POST');
	// les balises 'script' de la page récupérée avec Ajax ne s'executent pas
	// on recupere ces balises et on execute le code js contenu
	var scripts = contenu.getElementsByTagName('script');
	for(var i=0; i < scripts.length;i++) {
		/*Sous IE il faut faire un execScript pour que les fonctions soient définie en globale*/
		if (window.execScript) {
			/*On replace les éventuels com' html car IE n'aime pas ça*/
			window.execScript(scripts[i].text.replace('<!--',''));
		}
		/*Sous les autres navigateurs on fait un window.eval*/
		else {
			window.eval(scripts[i].text);
		}
	}
	//alert(contenu.innerHTML);
	//initBaseDeFait(onglets.childNodes.length - 2);
}

function virerOnglet(event, id_onglet, id_contenu_onglet) {
	/* nouvel algo */
	/* on prend les infos de tout les inputs suivants, on les décale, et on supprime le dernier onglet */
	
	/* si il existe plus d'un seul site */
	if(document.getElementById('onglets').childNodes.length > 2) {
		/* on récupère le numéro de l'onglet */
		var num = parseInt(id_onglet.split('_')[1]);
		/* on parcours chacuns des onglets suivant */
		var el;
		while(el = document.getElementById('onglet_' + (num+1))) {
			/* on décale le contenu des entrées utilisateur */
			/*var contenu_onglet_actuel = document.getElementById('contenu_onglet_'+num);
			var contenu_onglet_suivant = document.getElementById('contenu_onglet_'+(num+1));*/
			
			
			//var contenu_onglet_actuel = $('#contenu_onglet_'+num).children();
			//var contenu_onglet_suivant = $('#contenu_onglet_'+(num+1)).children();
			//alert('#contenu_onglet_'+num+" "+contenu_onglet_actuel.length);
			//alert("remplace "+num+" par "+(num+1));
			//contenu_onglet_actuel.replaceWith(contenu_onglet_suivant);
			//contenu_onglet_actuel.attr('id', 'contenu_onglet_'+num);
			
			/* on met a jour l'onglet actuel */
			num++;
		}
		
		/* on retire le dernier onglet */
		document.getElementById('onglet_' + num).parentNode.removeChild(document.getElementById('onglet_' + num));
		/* on retire le contenu du dernier site */
		document.getElementById('contenu_onglet_' + num).parentNode.removeChild(document.getElementById('contenu_onglet_' + num));
		/* on stoppe la propoagation des évènements pour ne pas essayer d'accéder à un onglet qui n'existe plus */
		event.stopPropagation();
		//changerOnglet('onglet_0', 'contenu_onglet_0');
	}
	/* sinon, il n'existe qu'un seul site, donc on ne peut pas le retirer */
	else {
		alert('Il faut au moins un site.');
	}
}

function toggleAffichageBloc(idElement) {
	// idElement ressemblera toujours à 'checkbox_X', avec X un nombre
	// on recupere ce nombre pour masquer ou afficher le bloc ayant l'id 'bloc_X', correspondant a la checkbox
	var checkbox = document.getElementById(idElement);
	var checkboxNumber = idElement.substring(idElement.indexOf('_')+1);
	var bloc = document.getElementById('bloc_'+checkboxNumber);
	if(checkbox.checked) {
		//bloc.style.visibility = 'visible';
		$(bloc).children(".togglebox").slideDown("fast", function() {
			$(bloc).show("fast");
		});
	}
	else {
		$(bloc).children(".togglebox").slideUp("fast", function() {
			//bloc.style.visibility = 'hidden';
			$(bloc).hide("fast");
		});
	}
}


function ajouterChoixArticle(bouton, id, articles, nom_quantite, nom_article, nb_site) {
	var listeChoix = document.getElementById(id);
	
	var div = document.createElement('div');
	
	var nb = document.createElement('input');
	nb.type = "number";
	nb.name = nom_quantite;
	nb.setAttribute("min", "1");
	nb.setAttribute("style", "margin-left:250px; width:50px; text-align: right;");
	
	var select = document.createElement('select');
	select.name = nom_article;
	select.onchange = function () {
		appliquerMoteur(nb_site);
	}
	
	var opt = document.createElement('option');
	opt.value = "0";
	opt.appendChild(document.createTextNode("Selectionnez un article..."));
	select.appendChild(opt);
	
	// on parcours la listes des articles pour les ajouter au select
	for (var k in articles) {
		select.appendChild(nouvelElement('option', {text:articles[k].description_article, value:articles[k].id_article}));
	}
	
	var a = document.createElement('a');
	a.style.cursor = "pointer";
	a.onclick = function() {
		supprimerChoixArticle(div);
	}
	
	var img = document.createElement('img');
	img.src = "../img/delete.png";
	a.appendChild(img);
	
	div.appendChild(nb);
	div.appendChild(document.createTextNode(" "));
	div.appendChild(select);
	div.appendChild(a);
	listeChoix.insertBefore(div, bouton);
	
	appliquerMoteur(nb_site);
}

function supprimerChoixArticle(el) {
	el.parentNode.removeChild(el);
}
